<template>
  <!--歌手成就-->
  <div class="introduction">
    <ul v-if="info.length!==0">
      <li v-for="(val,index) in info" :key="index">
        <h3>{{val.ti}}</h3>
        <p>{{val.txt}}</p>
      </li>
    </ul>
    <div v-else>
      <h2>未收录该歌手信息记录</h2>
    </div>
  </div>
</template>

<script>
export default {
  name:'introduction',
  props:['info']
}
</script>

<style scoped lang='less'>
  .introduction{
    ul{
      padding: 0 40px;
      li{
        p{
          font-family: 'Courier New', Courier, monospace;
          line-height: 24px;
        }
      }
    }
    div{
      h2{
        text-align: center;
      }
    }
  }
</style>